export default {
    modules: [
        {
            name: "文本框", src: require("../images/文本框.png"),
            type: "text",
            codePart1: "<div class='form-group col-md-",
            layout: 12,
            codePart2: " plugin1'><label class='col-md-",
            labelLayout: 3,
            codePart3: " control-label'>",
            labelName: "标签",
            codePart4: "</label><div class='col-md-",
            contentLayout: 9,
            codePart5: "'><input type='text' class='form-control' readonly value={{}} /></div></div>"
        },
        {
            name: "文本段落", src: require("../images/文本段落.png"),
            type: "textarea",
            codePart1: "<div class='form-group col-md-",
            layout: 12,
            codePart2: " plugin2'><label for='lastname' class='col-md-",
            labelLayout: 3,
            codePart3: " control-label'>",
            labelName: "textarea",
            codePart4: "</label><div class='col-md-",
            contentLayout: 9,
            codePart5: "'><textarea class='form-control' rows='3'></textarea></div></div>",
        },
        {
            name: "单选按钮", src: require("../images/单选按钮.png"),
            type: "radio",
            codePart1: "<div class='form-group col-md-",
            layout: 12,
            codePart2: " plugin3'><label class='col-md-",
            labelLayout: 3,
            codePart3: " control-label'>",
            labelName: "radio",
            codePart4: "</label><div class='col-md-",
            contentLayout: 9,
            codePart5: "'>",
            options: "<div class='radio'><label><input type='radio' name='optionsRadios' checked>" +
                "Option one</label></div>" +
                "<div class='radio'><label><input type='radio' name='optionsRadios'>" +
                "Option two</label></div>" +
                "<div class='radio'><label><input type='radio' name='optionsRadios'>" +
                "Option three</label></div>",
            codePart6: "</div></div>"
        },
        {
            name: "复选框", src: require("../images/复选框.png"),
            type: "checkbox",
            codePart1: "<div class='form-group col-md-",
            layout: 12,
            codePart2: " plugin4'><label class='col-md-",
            labelLayout: 3,
            codePart3: " control-label'>",
            labelName: "checkbox",
            codePart4: "</label><div class='col-md-",
            contentLayout: 9,
            codePart5: "'>",
            options: "<div class='checkbox'><label><input type='checkbox' value=''>Option one</label></div>" +
                "<div class='checkbox'><label><input type='checkbox' value=''>Option two</label></div>",
            codePart6: "</div></div>"
        },
        {
            name: "下拉列表", src: require("../images/下拉列表.png"),
            type: "select",
            codePart1: "<div class='form-group col-md-",
            layout: 12,
            codePart2: " plugin5'><label class='col-md-",
            labelLayout: 3,
            codePart3: " control-label'>",
            labelName: "select",
            codePart4: "</label><div class='col-md-",
            contentLayout: 9,
            codePart5: "'><select class='form-control'>",
            options: "<option>1</option><option>2</option><option>3</option><option>4</option><option>5</option>",
            codePart6: "</select></div></div>"
        },
        {
            name: "按钮", src: require("../images/按钮.png"),
            type: "button",
            codePart1: "<div class='form-group col-md-",
            layout: 6,
            codePart2: " plugin6'><button class='btn btn-",
            labelLayout: "",
            codePart3: "info'>",
            labelName: "button",
            codePart4: "",
            contentLayout: "",
            codePart5: "</button></div>",

        },
        {
            name: "上传文件", src: require("../images/上传文件.png"),
            type: "upload",
            codePart1: "<div class='form-group col-md-",
            layout: 12,
            codePart2: " plugin7'><label class='col-md-",
            labelLayout: 3,
            codePart3: " control-label'>",
            labelName: "File input",
            codePart4: "</label><div class='col-md-",
            contentLayout: 9,
            codePart5: "'><input type='file' class='form-control' id=''> </div></div>",
        },
        {
            name: "图片", src: require("../images/图片.png"),
            type: "image",
            codePart1: "<div class='form-group col-md-",
            layout: 12,
            codePart2: " plugin8'><label class='col-md-",
            labelLayout: 3,
            codePart3: " control-label'>",
            labelName: "img",
            codePart4: "</label><div class='col-md-",
            contentLayout: 9,
            codePart5: "'><img src='...' class='img-responsive' alt='Responsive image'></div></div>",
        }
    ]
}